﻿<!DOCTYPE html>
<html>

<head>
	{include head_content}
</head>

<body>
	<!-- Pre Loader -->
	<div class="loading">
		<div class="spinner">
			<div class="double-bounce1"></div>
			<div class="double-bounce2"></div>
		</div>
	</div>
	<!--/Pre Loader -->
	<!-- Color Changer -->
	<div class="theme-settings" id="switcher" style="display: none">
		<span class="theme-click">
			<span class="ti-settings"></span>
		</span>
		<span class="theme-color theme-default theme-active" data-color="green"></span>
		<span class="theme-color theme-blue" data-color="blue"></span>
		<span class="theme-color theme-red" data-color="red"></span>
		<span class="theme-color theme-violet" data-color="violet"></span>
		<span class="theme-color theme-yellow" data-color="yellow"></span>
	</div>
	<!-- /Color Changer -->
	<div class="wrapper">
		<!-- Page Content -->
		<div id="content">
			{include h}
				<!-- Breadcrumb -->
				<!-- Page Title -->
				<div class="container mt-0">
					<div class="row breadcrumb-bar">
				<div class="col-md-6">
					<h3 class="block-title">TCP通道设置</h3>
				</div>
				<div class="col-md-6">
					<ol class="breadcrumb">
						<li class="breadcrumb-item">
							<a href="index.html">
								<span class="ti-home"></span>
							</a>
						</li>
						<li class="breadcrumb-item">加速通道</li>
						<li class="breadcrumb-item active">TCP</li>
					</ol>
				</div>
			</div>
			</div>
			<!-- /Breadcrumb -->
			<!-- Main Content -->
			<div class="container">

				<div class="row">
					<!--General Table-->
					<div class="col-md-6">
						<div class="widget-area-2 lochana-box-shadow">
							<h3 class="widget-title">出向</h3>
							<p class="margin-l20">数据由
								<code>Lan</code> 到
								<code>Wan</code>
							</p>
							<div class="table-div">
								<table class="table">
									<thead>
										<tr>
											<th scope="col">#</th>
											<th scope="col">名称</th>
											<th scope="col">Lan端口</th>
											<th scope="col">Wan端口</th>
											<th scope="col">操作</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<th scope="row">1</th>
											<td>任务1</td>
											<td>2289</td>
											<td>1109</td>
											<td>
												<button type="button" class="btn btn-success btn-sm">
													<span class="ti-control-play"></span>
												</button>
												<button type="button" class="btn btn-danger btn-sm">
													<span class="ti-control-stop"></span>
												</button>
												<button type="button" class="btn btn-info btn-sm">
													<span class="ti-settings"></span>
												</button>
											</td>
										</tr>
										<tr>
											<th scope="row">2</th>
											<td>任务2</td>
											<td>2289</td>
											<td>1109</td>
											<td>
												<button type="button" class="btn btn-success btn-sm">
													<span class="ti-control-play"></span>
												</button>
												<button type="button" class="btn btn-danger btn-sm">
													<span class="ti-control-stop"></span>
												</button>
												<button type="button" class="btn btn-info btn-sm">
													<span class="ti-settings"></span>
												</button>
											</td>
										</tr>
										<tr>
											<th scope="row">3</th>
											<td>任务3</td>
											<td>2289</td>
											<td>1109</td>
											<td>
												<button type="button" class="btn btn-success btn-sm">
													<span class="ti-control-play"></span>
												</button>
												<button type="button" class="btn btn-danger btn-sm">
													<span class="ti-control-stop"></span>
												</button>
												<button type="button" class="btn btn-info btn-sm">
													<span class="ti-settings"></span>
												</button>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
					</div>
					<!-- /General Table-->
					<!--General Table-->
					<div class="col-md-6">
						<div class="widget-area-2 lochana-box-shadow">
							<h3 class="widget-title">进向</h3>
							<p class="margin-l20">数由
								<code>Wan</code> to
								<code>Lan</code>
							</p>
							<div class="table-div">
								<table class="table">
									<thead>
									<tr>
										<th scope="col">#</th>
										<th scope="col">名称</th>
										<th scope="col">Lan端口</th>
										<th scope="col">Wan端口</th>
										<th scope="col">操作</th>
									</tr>
									</thead>
									<tbody>
									<tr>
										<th scope="row">1</th>
										<td>任务1</td>
										<td>2289</td>
										<td>1109</td>
										<td>
											<button type="button" class="btn btn-success btn-sm">
												<span class="ti-control-play"></span>
											</button>
											<button type="button" class="btn btn-danger btn-sm">
												<span class="ti-control-stop"></span>
											</button>
											<button type="button" class="btn btn-info btn-sm">
												<span class="ti-settings"></span>
											</button>
										</td>
									</tr>
									<tr>
										<th scope="row">2</th>
										<td>任务2</td>
										<td>2289</td>
										<td>1109</td>
										<td>
											<button type="button" class="btn btn-success btn-sm">
												<span class="ti-control-play"></span>
											</button>
											<button type="button" class="btn btn-danger btn-sm">
												<span class="ti-control-stop"></span>
											</button>
											<button type="button" class="btn btn-info btn-sm">
												<span class="ti-settings"></span>
											</button>
										</td>
									</tr>
									<tr>
										<th scope="row">3</th>
										<td>任务3</td>
										<td>2289</td>
										<td>1109</td>
										<td>
											<button type="button" class="btn btn-success btn-sm">
												<span class="ti-control-play"></span>
											</button>
											<button type="button" class="btn btn-danger btn-sm">
												<span class="ti-control-stop"></span>
											</button>
											<button type="button" class="btn btn-info btn-sm">
												<span class="ti-settings"></span>
											</button>
										</td>
									</tr>
									</tbody>
								</table>
							</div>
						</div>
					</div>
					<!-- /General Table-->


				</div>
			</div>
			<!-- /Main Content -->
			<!--Copy Rights-->
			{include f}
			<!-- /Copy Rights-->
		</div>
		<!-- /Page Content -->
	</div>
	<!-- Back to Top -->
	<a id="back-to-top" href="#" class="back-to-top">
			<span class="ti-angle-up"></span>
	</a>
	<!-- /Back to Top -->
	<!-- Jquery Library-->
	<script src="View/CQQ/js/jquery-3.2.1.min.js"></script>
	<!-- Popper Library-->
	<script src="View/CQQ/js/popper.min.js"></script>
	<!-- Bootstrap Library-->
	<script src="View/CQQ/js/bootstrap.min.js"></script>
	<!-- Custom Script-->
	<script src="View/CQQ/js/custom.js"></script>
</body>

</html>